// .js结尾的可以写非组件的逻辑代码
// 在项目中使用vue-router插件，引入了一些方法和功能
import {createRouter,createWebHashHistory} from 'vue-router';
import Lxy from '/src/lxyPage/lxyFirst.vue'
import Father from '/src/FatherPage/fatherIndex.vue'
import Index from '/src/page/index.vue'
import Order from '/src/page/order.vue'
import Ajax from '/src/ajax/ajaxText.vue'
import Pay from '/src/page/paySuc.vue'

// 一级菜单
const routerRule = [
    
    {
        path:'/s',
        //起了一个用来跳转引用的名称
        name:'s',
        component:Lxy,
    },
    {
        path:'/f',
        //起了一个用来跳转引用的名称
        name:'f',
        component:Father,
    },
    {
        path:'/ajax',
        //起了一个用来跳转引用的名称
        name:'ajax',
        component:Ajax,
    },
    {
        path:'/',
        //起了一个用来跳转引用的名称
        name:'index',
        component:Index,
    },
    {
        path:'/order',
        //起了一个用来跳转引用的名称
        name:'order',
        component:Order,
    },
    {
        path:'/pay',
        name:'pay',
        component:Pay,
    }

]
//创建路由实例的方法，用于管理前端路由的跳转和处理
export const router =  createRouter({
    // 指定#模式的路由记录管理方式，在静态服务器配置和功能比较简单会忽略#以及后面部分,调用方法返回路由对象
    history:createWebHashHistory(),
    //路由规则，包含了前端路由的配置信息
    routes:routerRule
})